<template>
    <div class="content">
        <!-- <h1>{{msg}}</h1> -->
        <Banner></Banner>
        <Main></Main>
        <Seckill></Seckill>
        <Commodity></Commodity>
    </div>
</template>

<script>
import Banner from "./Content/Banner.vue";
import Main from './Content/Main.vue';
import Seckill from './Content/Seckill.vue';
import Commodity from './Content/Commodity.vue';

export default{
    name: "Content",
    data() {
        return {
            msg: "这是中间！",
        };
    },
    components: { Banner,Main,Seckill,Commodity }
};
</script>

<style lang="scss" scoped>
    .content{
        width: 100%;
        // width: 750px;
        min-height: 1334px;
        background-color: #F6F6F6;
        padding-top: 90px;
    }
</style> 